import { Input } from "antd"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import { useLocale } from "@/locales"

export type ChannelNameInputField = {
	channelNameInput: string
}
const ChannelNameInput: FC = () => {
	const { formatMessage } = useLocale()
	const defaultNormalize = (value: string) => value.replaceAll(" ", "") || undefined
	return (
		<SFormItem name="channelName" normalize={defaultNormalize} label={formatMessage({ id: "funds.channel_name" })}>
			<Input allowClear style={{ width: "200px" }} placeholder={formatMessage({ id: "label.please_enter" })} />
		</SFormItem>
	)
}

export default ChannelNameInput
